<!-- 首页 -->
<template>
	<view class="container">
		<view class="c-overlay">
			<u-overlay :show="true" opacity="0.7">
				<view class="c-overlay-slot">
					<view class="overlay-slot-headline">
						<text>请选择你的身份</text>
					</view>
					<view class="overlay-slot-strap" @click.stop="navigateTo('/pages/pages_mine/student/studentEditInfo')">
						<image src="/static/student.png" mode=""></image>
						<text>学生</text>
					</view>
					<view class="overlay-slot-strap" @click.stop="navigateTo('/pages/pages_mine/teacher/teacherEditInfo')">
						<image src="/static/teacher.png" mode=""></image>
						<text>教师</text>
					</view>
					<!-- <view class="overlay-slot-strap" @click="navigateTo('/pages/pages_mine/org/orgEditInfo')">
						<image src="/static/org.png" mode=""></image>
						<text>机构</text>
					</view> -->
				</view>
			</u-overlay>
		</view>
	</view>
</template>

<script>
	export default {
		name:"",
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	.container{
		.c-overlay {
			.c-overlay-slot {
				width: 100%;
				margin-top: 20%;
				display: flex;
				flex-direction: column;
				align-items: center;
		
				.overlay-slot-headline {
					font-size: 60rpx;
					font-weight: bold;
					color: #fff;
					margin-bottom: 20rpx;
				}
		
				.overlay-slot-strap {
					padding: 40rpx 0;
					display: flex;
					align-items: center;
		
					&>image {
						width: 120rpx;
						height: 120rpx;
						border-radius: 50%;
						flex-shrink: 0;
						background-color: #fff;
						border: 10rpx solid #fff;
					}
		
					&>text {
						letter-spacing: 30rpx;
						font-size: 54rpx;
						padding-left: 30rpx;
						font-weight: bold;
						color: #fff;
					}
				}
			}
		}
	}
</style>
